<template >
  <div class="container">
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item
        v-for="item of topHeaderList"
        :key="item.name"
        :to="item.path"
      >{{item.name}}</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="box" @click="childFunClick">
      <hr />
    </div>
  </div>
</template>
<script>
import {inject} from 'vue'
export default {
  props: ["topHeaderList"],
  setup(props, { emit }) {
    let { topHeaderList } = props;
    const childFunClick = () => {
      emit("childFun", "112334445");
    };
    return { topHeaderList, childFunClick };
  },
  // inject:['zjq']
};
</script>
<style lang="less" scoped>
.container {
  padding: 20px 10px;
  .box {
    width: 100%;
    padding: 20px 0;
  }
}
</style>